/* Repeatable Patterns

-------------------------------------------------------------- */





#floating-phone {

  display: none;

  background-image: url(https://lendingmojo.com/wp-content/uploads/2020/01/iPhone6.png);

  background-size: cover;

  z-index: 3; }


.fl-module-content {
	position: relative;
} 
#home-scroller {

  position: relative;

  height: 2100px;

  width: 100%;

  background-image: url(https://lendingmojo.com/wp-content/uploads/2020/01/lending-mojo-scroll-bg-final-scaled-img.jpg);

  background-size: cover  !important;

  overflow: hidden; }



/*img#floating-phone-scale-image {

    width: 100% !important;


}*/



.phone-screen {

  z-index: 2;

  opacity: 0;

  transition: opacity ease-in-out 0.4s;

  position: absolute;

  top: 0;

  left: 0;

  box-shadow: rgba(0, 0, 0, 0.1) 1em 2em 1em;

  border-radius: 25px; }



.phone-screen img {

  visibility: hidden; }



.phone-screen {

  background-size: cover; }

/*

#screen-0 {

  background-image: url(https://www-test.moven.com/wp-content/themes/moven-custom/assets/spending-green.png); }



#screen-1 {

  background-image: url(https://www-test.moven.com/wp-content/themes/moven-custom/assets/receipt.png); }



#screen-2 {

  background-image: url(https://www-test.moven.com/wp-content/themes/moven-custom/assets/all-categories.png); }



#screen-3 {

  background-image: url(https://www-test.moven.com/wp-content/themes/moven-custom/assets/spending-spike.png); }

*/

.scale-image1 {

  visibility: hidden; }



.text-bubble {

  display: table;

  position: absolute;

  opacity: 0;

  transition: opacity ease-in-out 0.25s;

  position: absolute;

  color: white;

  background-color: #24CA10;

  border-radius: 32px;

  border-color: #24CA10;

  box-shadow: rgba(0, 0, 0, 0.1) 1em 2em 1em;

  padding: 20px;

  margin: 15px;

  width: 260px;

  height: 215px;

  z-index: -1;

  position: relative;

  font-size: 15px; }



.text-bubble h3 {

  font-weight: 400;

  color: white;

  font-size: 20px; 

  font-family: Nunito, sans-serif;

    font-size: 20px;

    line-height: 1.5;}



.text-bubble .text-wrapper {

  display: table-cell;

  vertical-align: middle;

  font-weight: 300;

  font-family: Nunito, sans-serif;

  font-size: 16px; line-height: 1.4em; }



.text-bubble-left .arrow {

  right: -5px;

  transform: rotate(-45deg) scale3d(1, 1, 1); }



.text-bubble-right .arrow {

  left: -5px;

  transform: rotate(45deg) scale3d(1, 1, 1); }



.text-bubble-top .arrow {

  top: 100%;

  margin-top: -20px;

  left: 45%;

  transform: rotate(45deg) scale3d(1, 1, 1); }









.arrow {

  position: absolute;

  top: 20px;

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 15px 20px 15px 0;

  border-color: inherit;

  z-index: -1;

}



#floating-phone {

  display: none;

  background-image: url(assets/iPhone6.png);

  background-size: cover;

  z-index: 3;

}



#home-scroller {

  position: relative;

  /*height: 3000px;*/

  width: 100%;

  background-image: url('https://lendingmojo.com/wp-content/uploads/2020/01/lending-mojo-scroll-bg-final-scaled.jpg');

  background-size: cover;

  overflow: hidden;

}



#homepage-main .content-wrap {

  padding: 0;

}



.phone-screen {

  z-index: 2;

  opacity: 0;

  transition: opacity ease-in-out 0.4s;

  position: absolute;

  top: 0;

  left: 0;

  box-shadow: rgba(0, 0, 0, 0.1) 1em 2em 1em;

  border-radius: 25px;

}



.phone-screen img {

  visibility: hidden;

}



.phone-screen {

  background-size: cover;

}



.text-bubble-left .arrow {

  right: -5px;

  transform: rotate(-45deg) scale3d(1,1,1);

}



.text-bubble-right .arrow {

  left: -5px;

  transform: rotate(45deg) scale3d(1,1,1);

}



.text-bubble-top .arrow {

  top: 100%;

  margin-top: -20px;

  left: 45%;

  transform: rotate(45deg) scale3d(1,1,1);

}

@media (min-width: 768px) and (max-width: 1024px){
	.text-bubble {
		padding: 10px;
		width: 220px;
	}
	.text-bubble h3 {
		font-size: 18px;
	}
}
@media (max-width: 991px) {
	.phone-screen {
		background-size: contain;
		background-repeat: no-repeat;
		height: auto !important;
	}
	.phone-screen img {
		visibility: visible;
	}
}
@media (min-width: 768px) and (max-width: 849px){
  #floating-phone{
    left: 222px !important;
  }
  .text-bubble{

    left: 222px !important;
  }
}
@media (max-width: 599px){

	#home-scroller .text-bubble {

		margin-left: -122.3px !important;

	}

	.text-bubble .text-wrapper{

	  font-size: 13px !important; 

	}

	.text-bubble h3{

	  font-size: 14px !important; 

	}
    /*.phone-screen{
    width: 100% !important;
    height: auto !important;
  }
  img#floating-phone-scale-image {
    width: 500px !important;
    height: auto !important;
}
#floating-phone{
      left: 120px !important;
      right: 60px !important;
}*/

}